<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./lib/axios.min.js"></script>
</head>
<body>
    <button>发送请求1</button>
    <button>发送请求2</button>
    <input type="file" multiple>
</body>
<script>
    // [请求拦截函数，undefined,发送请求函数,undefined,响应拦截函数,undefined];
    // Promise.resolve(config)
    //     .then(function(config){
	// 		config.headers.token = 100;
	// 		return config;
	// 	}).then(发送请求函数,undefined).then(function(response){
	// 		return response
    //     },undefined)

    const btns = document.querySelectorAll("button");
	// 请求拦截:可以对配置对象进行二次处理，返回的值即是最新的配置对象
	axios.interceptors.request.use(function(config){
		console.log("请求拦截");// 返回值是配置对象,该配置对象是发送时所依赖的配置对象
        config.headers.token = 100;
        return config;
    })
    // 响应拦截:将生成数据进行拦截，返回的值即是最终.get()获取到的Promise实例的成功值
    axios.interceptors.response.use(function(response){
        return response.data;
    })
    btns[0].onclick = async function(){
		const response = await axios.get("http://zhangpeiyue.com/scoreList",{
			// headers:{
			// 	token:"123"
            // }
        });
		console.log(response);
    }
	btns[1].onclick = async function(){
		const data = await axios.get("http://zhangpeiyue.com/scoreList",{
			// headers:{
			// 	token:"123"
			// }
		});
		console.log(data);
	}
</script>
</html>